<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小贤搜索</title>
</head>
<body>
<div id="main">
    <div id="mid">
        <div id="image">
            <img id="logo" src={{ url_for('static', filename='logo.png') }}>
        </div>
        <div id="secondRow">
            <form>
                <input id="txt" type="text" name="txtValue"/>
                <input id="btn" type="submit" value="小贤一下"/>
            </form>
        </div>
    </div>
    {% if pages is not none %}
        {% if pages | length == 0 %}
            <div class="page"><p>抱歉，未找到相应结果</p></div>
        {% else %}
            {% for p in pages %}
                <div class="page">
                    <a href="{{ p.url }}">{{ p.title }}</a>
                    <p>
                        {{ p.datas[:200] }}
                    </p>
                </div>
            {% endfor %}
        {% endif %}
    {% endif %}
    <div id="foot">
        <div id="fourthRow">
            <a href="#">把小贤设为首页</a>
        </div>
        <div id="sixthRow">
            @2016&nbsp;TerryDing77<a href="#">使用前必读</a>京ICP认证666666号
        </div>
    </div>
</div>
</body>
<style type="text/css">
    body {
        margin: 0px;
        padding: 0px;
    }

    /*以下是第一个div块，以及其中字体样式*/
    #head {
        height: 20px;
    }

    #head a {
        float: right;
        padding: 7px;
        font-size: 12px;
    }

    /*以下是第二div块样式*/
    #mid {
        text-align: center;
    }

    /*目的是设置图片距离下面导航栏的距离*/
    #image {
        margin: 8px;
    }

    /*“网页”样式*/
    #web {
        text-decoration: none;
        font-weight: bold;
        color: black;
    }

    /*输入框栏的style*/
    #secondRow {

    }

    #txt {
        width: 490px;
        height: 22px;
    }

    #btn {
        height: 28px;
        font-size: 14px;
        border-radius: 2px;
    }

    #foot {
        text-align: center;
        margin-top: 520px;
    }

    #fourthRow {
        font-size: 12px;
    }

    #sixthRow {
        font-size: 12px;
        color: dimgray;
        margin-top: 6px;
    }

    #sixthRow a {
        color: dimgray;
    }

    #main {
        width: 1230px;
        height: 500px;
        MARGIN-RIGHT: auto;
        MARGIN-LEFT: auto;
    }
    div.page {margin:10px;border:10px;padding:10px;}
</style>
</html>